<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 引入layui 样式-->
    <link rel="stylesheet" href="../../static/layer/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css">
    <script type="text/javascript" src="../../static/layer/layui.js"></script>
</head>
<body>
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">客户管理</li>
            <button class="layui-btn add_customer" style="float:right">
                <i class="layui-icon">&#xe608;</i> 新建客户
            </button>
        </ul>
        <div class="layui-tab-content" style="height: 100px;">
            <div class="layui-tab-item layui-show">
                <div class="layui-row">
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">总楼数</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">未分类</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">潜在客户</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">意向客户</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">成交客户</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">流失客户</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">总客户量</div>
                    </div>
                </div>
                <div class="layui-row">

                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">3个</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">0组</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">0组</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">0组</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">0组</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">0组</div>
                    </div>
                    <div class="layui-col-md1">
                        <div class="grid-demo grid-demo-bg1">0组</div>
                    </div>
                </div>
                <table class="layui-table"
                       lay-data="{height: 'autu', url:'',page:true,limit:20 ,skin:'line', even:false, size:'lg'}"
                       lay-filter="demoEvent">
                    <thead>
                    <tr>
                        <th lay-data="{checkbox:true}"></th>
                        <th lay-data="{field:'', width:120,event: 'setSign',sort: true,style:'background-color: #4494F0; color: #fff;cursor: pointer;'}">
                            楼宇名称
                        </th>
                        <th lay-data="{space: true}"></th>
                        <th lay-data="{field:'', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                            初次来访时间
                        </th>
                        <th lay-data="{field:'', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                            联系人
                        </th>
                        <th lay-data="{field:'', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                            联系方式
                        </th>
                        <th lay-data="{field:'', width:120, event: 'setSign', style:'cursor: pointer;'}">
                            全部途径
                        </th>
                        <th lay-data="{field:'', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                            需求面积
                        </th>
                        <th lay-data="{field:'', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                            跟进时间
                        </th>
                        <th lay-data="{field:'', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                            意向客户
                        </th>
                        <th lay-data="{field:'', width:120,event: 'setSign', style:'cursor: pointer;',sort: true}">
                            租赁顾问
                        </th>
                    </tr>
                    </thead>
                  </table>
            </div>
        </div>
    </div>

<script type="text/javascript" src="../../static/ujs/building/building_main.js"></script>

<script language="JavaScript">

</script>
</body>
</html>